﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="From_Register.aspx.cs"
    Inherits="TCDC_System.Register.From_Register" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        form.semantic fieldset
        {
            clear: both;
            margin: 1em 0 0 0;
            padding: 10px;
            overflow: auto;
            background-color: #f8f8f8;
            border: 1px solid #888;
        }
        
        form.semantic legend
        {
            font-weight: bold;
        }
        
        form.semantic div
        {
            clear: both;
            margin: 0;
            padding: 0.5em 0 0 0;
            overflow: visible;
        }
        
        
        form.semantic label
        {
            display: block;
            float: left;
            width: 120px;
            text-align: right;
            padding: 2px 1ex 6px 0;
            vertical-align: baseline;
        }
        
        form.semantic label.after
        {
            width: auto;
            text-align: left;
            display: inline;
            float: none;
        }
        
        form.semantic label.long
        {
            clear: both;
            width: auto;
            text-align: left;
            float: none;
        }
        
        form.semantic input, form.semantic select, form.semantic textarea
        {
            float: left;
        }
        
        form.semantic input[type=radio], form.semantic input[type=checkbox]
        {
            vertical-align: text-bottom;
        }
        
        form.semantic ul
        {
            list-style-type: none;
            float: left;
            padding: 0;
            margin: 0;
        }
        
        form.semantic li
        {
            clear: both;
            padding: 0.2em 0;
        }
        
        form.semantic li label
        {
            width: auto;
            text-align: left;
            padding: 0;
        }
        
        form.semantic div.field-row
        {
            clear: none;
            float: left;
            margin: 0;
            padding: 0;
            overflow: visible;
        }
        
        form.semantic div.field-row *
        {
            float: none;
            display: inline;
        }
        
        form.semantic .button-row
        {
            text-align: right;
        }
        
        form.semantic .button-row input
        {
            float: none;
        }
        
        form.semantic div.long label
        {
            width: auto;
            text-align: left;
            float: none;
        }
        
        form.semantic div.long textarea
        {
            width: 100%;
        }
        
        /* Errors -- for use with JQuery Validate, etc. */
        
        form.semantic input.error, form.semantic select.error, form.semantic textarea.error
        {
            background-color: #77002a;
            color: white;
        }
        
        form.semantic label.error
        {
            width: auto;
            color: #77002a;
            text-align: left;
        }
    </style>
</head>
<body>
    <form class="semantic" id="form1" runat="server">
    <fieldset>
        <legend>Data Profile</legend>
        <div>
            <label for="first_name_en">
                First name (English)</label>
            <asp:TextBox ID="first_name_en" runat="server"></asp:TextBox>
        </div>
        <div>
            <label for="last_name_en">
                Last name (English)</label>
            <asp:TextBox ID="last_name_en" runat="server"></asp:TextBox>
        </div>
        <div style="clear:both"></div><hr />
        <div>
            <label for="first_name_th">
                First name (Thai)</label>
            <asp:TextBox ID="first_name_th" runat="server"></asp:TextBox>
        </div>
        <div>
            <label for="last_name_th">
                Last name (Thai)</label>
            <asp:TextBox ID="last_name_th" runat="server"></asp:TextBox>
        </div>
        <div style="clear:both"></div><hr />
        <div>
            <label for="id_card">
                ID Card / Password</label>
            <asp:TextBox ID="id_card" runat="server"></asp:TextBox>
        </div>
        <div>
            <label for="date_of_birth">
                Date of Birth</label>
            <asp:TextBox ID="day" runat="server" Width="30"></asp:TextBox>
            <asp:TextBox ID="month" runat="server" Width="30"></asp:TextBox>
            <asp:TextBox ID="year" runat="server" Width="30"></asp:TextBox>
        </div>
       
        <div>
            <label>Sex</label>
            <ul>
                <li>
                    <asp:RadioButton ID="RadioButton1" runat="server" /><label for="sex_male">Male</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton2" runat="server" /><label for="sex_female">Female</label>
                </li>

            </ul>
        </div>
        <div>
            <label for="address">
                Address</label>
            <asp:TextBox ID="address" runat="server" TextMode="MultiLine" Rows="5" 
                Width="400px"></asp:TextBox>

        </div>
        <div>
            <label for="province">
                Province</label>
            <asp:DropDownList ID="DropDownList1" runat="server">
            </asp:DropDownList>

        </div>
        <div>
            <label for="country">
                Country</label>
            <asp:DropDownList ID="DropDownList2" runat="server">
            </asp:DropDownList>

        </div>
        <div>
            <label for="post_code">
                Post Code</label>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

        </div>
        <div>
            <label>Education Level</label>
            <ul>
                <li>
                    <asp:RadioButton ID="RadioButton3" runat="server" /><label for="sex_male">ประถมศึกษา</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton4" runat="server" /><label for="sex_female">มัถยมศึกษาตอนต้น</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton5" runat="server" /><label for="sex_female">มัถยมศึกษาตอนปลาย</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton6" runat="server" /><label for="sex_female">ปวช/ปวส/อนุปริญญา</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton7" runat="server" /><label for="sex_female">ปริญญาตรี</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton8" runat="server" /><label for="sex_female">ปริญญาโท</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton9" runat="server" /><label for="sex_female">ปริญญาเอก</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton10" runat="server" /><label for="sex_female">อื่นๆ ระบุ</label>
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                </li>

            </ul>
        </div>
        <div>
            <label>Occupation</label>
            <ul>
                <li>
                    <asp:RadioButton ID="RadioButton11" runat="server" /><label for="sex_male">นักเรียน นักศึกษา โปรดระบุสถาบัน</label>
                    <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton12" runat="server" /><label for="sex_female">ครูอาจารย์</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton13" runat="server" /><label for="sex_female">พนักงานบริษัท</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton14" runat="server" /><label for="sex_female">เจ้าของกิจการ</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton15" runat="server" /><label for="sex_female">อาชีพอิสระ</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton16" runat="server" /><label for="sex_female">หน่วยงานรัฐ</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton18" runat="server" /><label for="sex_female">อื่นๆ โปรดระบุ</label>
                    <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
                </li>

            </ul>
        </div>
    </fieldset>

    <fieldset>
        <legend>Campaign Promotion</legend>
         <div>
            <label>Type</label>
            <ul>
                <li>
                    <asp:RadioButton ID="RadioButton17" runat="server" /><label for="sex_male">Premium</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton19" runat="server" /><label for="sex_female">Silver</label>
                </li>
                <li>
                    <asp:RadioButton ID="RadioButton20" runat="server" /><label for="sex_female">Platinum</label>
                </li>
            </ul>
        </div>
        <div>
            <label>
                Select Campaign</label>
            <asp:DropDownList ID="DropDownList3" runat="server">
            </asp:DropDownList>
        </div>

        <div>
            <label>
                ยอดเงินที่ต้องชำระ</label>
            <asp:Label ID="Label1" runat="server" Text="Label">..............................................</asp:Label>
        </div>

    </fieldset>

    <fieldset>
        <legend>TCDC Password</legend>

         <div>
            <label for="Password">
                Email</label>
            <asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
        </div>
        <div>
            <label for="Password">
                Password</label>
            <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
        </div>
        <div>
            <label for="ConfirmPassword">
                Confirm Password</label>
            <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
        </div>
    </fieldset>
    <div class="button-row">
        <asp:Button ID="Button1" runat="server" Text="Save Changes" />
    </div>
    </form>
</body>
</html>
